<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
        p{
            text-align:center;
        }

        span{
            color:red;
        }
    </style>
</head>
<body>
<p>
    <span id="time">5</span>秒之后,自动跳转到百度
</p>
</body>
<script>
    /*
        分析：
            1.显示页面效果<p>
            2.倒计时读秒
                2.1 定义一个方法，获取span标签，修改span标签体内容，时间--
                2.2 定义一个定时器，1s执行一次该方法
            3.时间小于等于0，则跳转到首页

    */
    var second = 5;
    var t = document.getElementById("time");
    function showTime(){
        second--;
        if(second <= 0){
            location.href = "https://www.baidu.com";
        }
        t.innerHTML = second + "";
    }

    //设置定时器
    setInterval(showTime,1000);
</script>
</html>